/*----------------------------------------------*/
/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	word-break: break-all;
}
html,body {
	font-family: "microsoft yahei";
	font-size: 100%;
	background-color: #f2f2f2;
	height: 100%;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none !important;}
ul,ol,li { list-style: none }
a { text-decoration: none }
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:'microsoft yahei';}
small{font-size:12px;}
fieldset,img{border:0;}
button,input,select,textarea{}
table{border-collapse:collapse;border-spacing:0;}
/*html {overflow-y: scroll;  }*/
img{display:block;}
.clear{ clear:both;}
.crumb{ line-height: 38px; background: #fff; color: #afafaf; font-size: 14px; padding-left: 24px;padding-top: 26px;}
.crumb_span{ padding-left: 10px; border-left: 3px solid #fd7013;}
.grid_content{ margin: 0 24px;}
.grid_content .grid_btn{ background: #fff;padding: 6px 0px;}
.grid_content .grid_btn input[type=button]{
	 background-color: #1187da; height: 40px; line-height: 40px; color: #fff;
}
.test{
	position: relative;
	overflow: hidden;
	clear:both;
	padding-bottom: 10px;
	margin-right:10px;
}

.gridPanel .test{
	margin-right:3px;
}

.test .WdfGrid_Title{
	height: 60px;
	width: 100%;
	line-height: 60px;
	font-family: "microsoft yahei";
	font-size: 14px;
	font-weight: bold;
	color: #08699b;
	padding-left: 20px;
}
.test>table{  border:1px solid #bebebe; border-bottom:none;border-left: none;}
.test .WdfGrid_HeadTable{
	background-color: #F2F7FD;
	table-layout: fixed;
	border-right:1px solid #e1e3e5;
}
.test .test .WdfGrid_HeadTable{ border-right: none;}

.test .WdfGrid_HeadTable .colTd{
	text-align: center;
	border-top: none;
	/*background: #dbe0ea;*/
	font-size: 14px;
	font-weight: bold;
	padding: 0;
	line-height: 38px;
	color:#2b313c;
	border-left: 1px solid #e1e3e5;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.test .test .WdfGrid_HeadTable .colTd{
	border-left: none;
	border-right: none;
	background: #f9f9f9;
	font-weight: normal;
}
.text .test .WdfGrid_RowContent tr td{
	border-left: none;
	border-right: none;
	background: #f5f5f5;
}
.test .WdfGrid_RowContent{
	table-layout:fixed;
	empty-cells: show;
	border-collapse: collapse;
	 width: 100%;
	 border-bottom: 1px solid #e1e3e5;
}
.test .test .WdfGrid_RowContent{ border-bottom:none;}
.panel .test .WdfGrid_RowContent tr td{padding:1px 0;line-height: 35px;}
.test .WdfGrid_RowContent thead{ border-top:1px solid #e1e3e5}
.test .WdfGrid_RowContent tbody{ border-right:1px solid #e1e3e5}

.test .WdfGrid_RowContent tr td{

	 padding:2px 0;
	 vertical-align:middle;
	 border-top: 1px solid #e1e3e5;
	 font-size:13px;
	 line-height:35px;
	 border-left: 1px solid #e1e3e5;

 }
.test .WdfGrid_RowContent tr td.subTd_Box{ padding: 0}
.test .test .WdfGrid_RowContent tr td{
	border-left: none;
	border-right: none;
	padding: 0;
	line-height: 35px;
	border-top:1px solid #e1e1e1;
}
.test .test .WdfGrid_RowContent thead{border-top: none;}
.test .WdfGrid_RowContent tr td>div{white-space: nowrap;
	text-overflow:ellipsis;
	overflow:hidden;}
.test .WdfGrid_RowContent .gridRow:hover{
	background-color: #f7fbff;
	background-image:url(../imgs/gridRowHoverBg.png);
	background-repeat: no-repeat;
	/*background-image: linear-gradient(to right,#ec1429,#e1eec3);*/
	cursor:pointer;
	background-size: contain;
}

.test .WdfGrid_RowContent tr.subTr:hover{background: #ffffff}
.test .WdfGrid_RowContent .rowClick{
	background-color:#ff6600;
	color:white;
}

.test .WdfGrid_ScrollDiv table .rotate{
     -webkit-animation:circle 0.8s linear;
}

.test .WdfGrid_ScrollDiv table .leftIn{
     -webkit-animation:leftIn 0.4s linear;
}  
 
/* .test .WdfGrid_ScrollDiv table tr:hover{
     -webkit-animation:rightMove 0.5s linear;
   } */
.test .WdfGrid_ScrollDiv table .rightMove{
     -webkit-animation:rightMove 0.5s linear;
   }


@-webkit-keyframes circle{
   0%{transform: rotateY(0deg); }
  15%{transform: rotateY(60deg); }
  30%{transform: rotateY(120deg); }
  45%{transform: rotateY(180deg); }
  60%{transform: rotateY(240deg); }
  75%{transform: rotateY(300deg); }
 100%{transform: rotateY(360deg); }
 }
 
 @-webkit-keyframes rightMove{
   0%{transform: translateX(0px); }
  15%{transform: translateX(2px); }
  30%{transform: translateX(6px); }
  45%{transform: translateX(8px); }
  60%{transform: translateX(6px); }
  75%{transform: translateX(2px); }
 100%{transform: translateX(0px); }
 }
 
 @-webkit-keyframes leftIn{
   0%{transform: translateX(-100%); }
  15%{transform: translateX(-85%); }
  30%{transform: translateX(-70%); }
  45%{transform: translateX(-55%); }
  60%{transform: translateX(-40%); }
  75%{transform: translateX(-25%); }
 100%{transform: translateX(0px); }
 }
   
.test .WdfGrid_RowContent table .beginRote  {
    -webkit-transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
}
.panel .test .WdfGrid_ScrollDiv{border:none; padding: 0;margin: 0 0 10px;}
.panel .test .WdfGrid_ScrollDiv .WdfGrid_ScrollDiv{ margin-bottom: 0}
.panel .test .WdfGrid_ScrollDiv>div{margin-right: 1px;}



.test .WdfGrid_ScrollDiv{
	background: #fff;
	width:auto;
	overflow-y:auto;
	overflow-x:hidden;
}

.test .WdfGrid_ScrollDiv::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}
/*#ec1429,#e1eec3*/
/*background-image: linear-gradient(to top,#ec1429,#e1eec3);*/
.test .WdfGrid_ScrollDiv::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #1D438A;
}

.test .WdfGrid_ScrollDiv::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

.test .WdfGrid_ScrollDiv>table{  border:1px solid #bebebe; margin-top:0;	border-left: none;}
.test .WdfGrid_RowContent .WdfGrid_Row_Odd{
	font-size: 12px;
	line-height: 25px;
	color:#636b7a;
	text-decoration: none;
	text-align: center;
	background: #ffffff;

}
.test .test .WdfGrid_RowContent .WdfGrid_Row_Odd{
	background-color: #ffffff;
	color: #636b7a;
}
/*.test .WdfGrid_ScrollDiv>table thead{ display: table;width: 100%;}*/
/*.test .WdfGrid_ScrollDiv>table tbody{display: block;width: 100%;overflow-y: auto;}*/
/*.test .WdfGrid_ScrollDiv>table tbody tr{ display: table;width: 100%;}*/
.test .WdfGrid_RowContent .WdfGrid_Row_Even{
	font-size: 12px;
	line-height: 25px;
	 /*background: #e8ebf0;*/
	text-align: center;
	color:#636b7a;
}
.test .test .WdfGrid_RowContent .WdfGrid_Row_Even{
	/*background-color: #e8ebf0;*/
}
.test .WdfGrid_RowContent .subTr{
	background: #ffffff;
}
.test .WdfGrid_RowContent .clickFocus{

	
}
.test .WdfGrid_RowContent .clickFocus a{
}

/*---------------------------------------------------------*/
/*-----------------------------------------------*/
.test .WdfGrid_Page_box{ height: 42px; background: #fff;display: flex;justify-content: center;align-items: center}
.test .WdfGrid_Page {
	/*padding-top: 20px;*/ background: #fff;float: right;margin-right: 20px;
}
.panel .test .WdfGrid_Page{margin-top: 0;}
.test .test{margin: 0; padding-bottom: 0;}
.WdfGrid_Page a{ height: 30px; float: left; margin: 0 15px; text-align: center; background: #fff; color: #333333; line-height: 30px;}
.WdfGrid_Page a:hover{ color: #2f90dc; text-decoration: none;}
.WdfGrid_Page span{ height: 30px; float: left;text-align: center; line-height: 30px; background: #fff;margin: 0 15px; color: #333333;}
.WdfGrid_Page span.current{ height: 30px; float: left;text-align: center; line-height: 30px; color: #dc1c2f;}
.WdfGrid_Page a.prev{width: 32px; margin-right: 18px; background: url("../imgs/ic_page_previous.png") no-repeat; text-indent: 199999px}
.WdfGrid_Page a.prev:hover{background-position:  0 -86px;}
.WdfGrid_Page span.prev{  display: none;}
.WdfGrid_Page a.next{width: 32px; margin-left: 18px; background: url("../imgs/ic_page_next.png") no-repeat 0 0px; border-radius: 10px; text-indent: 199999px}
.WdfGrid_Page a.next:hover{background-position:  0 -92px;}
.WdfGrid_Page span.next{  display: none;}
.WdfGrid_Page .jump_content{ float: right;line-height: 30px; margin-left: 10px; color: #93969f}
.WdfGrid_Page .jump_content select{ margin: 0 5px; width: 48px; border: 1px solid #d5d5d5; color: #878a93;height: 24px}
/*------------------------------------------------*/

/*-----------------------------------------------*/
.test .wdfGridProgress_Prog {

	border: none;
	text-align: center;
	font-size: 14px;
	color:#6f6f6f;
	font-weight:normal;
	z-index:10000;
	width:300px;
	height:25px;
	position:absolute;
	-webkit-box-shadow: 0 0 10px #808080;
	-moz-box-shadow: 0 0 10px #808080;
	box-shadow: 0 0 10px #808080;
}
.test .wdfGridProgress_Prog .wdfGridProgress_loadingImg{
	padding-left:25px;
	display:inline-block;
	line-height:20px;
	height:20px;
	margin:auto;
	margin-top:2px;
	background-position:left;
}
.test .wdfGridProgress_Bg {
	background-color:#F0F0F0;
/*	width: 100%;
	height: 100%;*/
	left: 0;
	top: 0; /*FF IE7*/
	filter: alpha(opacity=40); /*IE*/
	opacity:0.4; /*FF*/
	z-index: 9998;
	position:absolute;
}
/*------------------------------------------------*/

/*----------------------------------------------*/
.wdfGrid_RowChange{

	/* background-image: url(../imgs/editor.png);
    background-position:left;
    background-repeat:no-repeat; */
	display:inline-block;
	height:24px;
	/* padding-left:14px; */
	color:#a87575;
}

.wdfGrid_RowRemove{

	height:24px;

	color:#a87575;
}

/*------------------------------------------------*/
.subCol{

	font-weight: 600;
	color:red;
	font-size:15px;
}

/*------------------------------------------------*/
.aView{
	text-decoration: none;
	color:#1d66e7;
	margin-right:10px;
}
.aView:hover{
	color:white;
}
.aView1{
	text-decoration: none;
	color:#0074c7;
	margin-right:10px;
}
.aView1:hover{
	color:white;
}
.aView2{
	text-decoration: none;
	color:#50abdc;
}
.aView2:hover{
	color:white;
}
.aView3{
	color:#565656;
}
.aView3:hover{
	color:white;
}

.aViewRed{
	text-decoration: none;
	color:red;
	margin-right:10px;
}
.aViewRed:hover{
	color:white;
}

.aViewOrange{
	text-decoration: none;
	color:#ff7533;
	margin-right:10px;
}
.aViewOrange:hover{
	color:white;
}

/*-----------------------------------------------------*/

/*----------------------------------------------*/


.test .WdfGrid_RowContent tr td .optColumn:hover{
}

.test .WdfGrid_RowContent tr td .opt_RepairSubmit {
	color:red;
}
.test .WdfGrid_RowContent tr td .opt_ProgressView {
	color:#a87575;
}

.test .WdfGrid_RowContent tr td .opt_RepeatRepair {
	color:orange;
}

.test .WdfGrid_RowContent tr td .opt_Detail {
	color:#808080;
}

.test .WdfGrid_RowContent tr td .opt_UploadBtn {
	background-image: url(../imgs/opt_UploadBtn.png);
	height: 16px;
	width: 16px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.test .WdfGrid_RowContent tr td .opt_DetailFlowBtn {
	background-image: url(../imgs/opt_DetailFlowBtn.gif);
	height: 16px;
	width: 16px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.test .WdfGrid_RowContent tr td .opt_ExcelLoadBtn {
	background-image: url(../imgs/opt_ExcelLoadBtn.gif);
	height: 16px;
	width: 16px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.test .WdfGrid_RowContent tr td .opt_ReturnBtn {
	background-image: url(../imgs/opt_ReturnBtn.gif);
	height: 16px;
	width: 16px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.test .WdfGrid_RowContent tr td .opt_DetailBtn {
	background-image: url(../imgs/opt_DetailBtn.gif);
	height: 16px;
	width: 16px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.test .WdfGrid_RowContent tr td .opt_DelBtn {
	background-image: url(../imgs/opt_DelBtn.png);
	height: 16px;
	width: 16px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.test .WdfGrid_RowContent tr td .opt_DownLoad {
	background-image: url(../imgs/opt_DownLoad.png);
	height: 16px;
	width: 16px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.test .WdfGrid_RowContent tr td .opt_Dimission {
	background-image: url(../imgs/opt_Dimission.gif);
	height: 16px;
	width: 16px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.test .WdfGrid_RowContent tr td .opt_OnTheJob {
	background-image: url(../imgs/opt_OnTheJob.gif);
	height: 16px;
	width: 16px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.test .WdfGrid_RowContent tr td .opt_Enable {
	background-image: url(../imgs/opt_Enable.gif);
	height: 16px;
	width: 16px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.test .WdfGrid_RowContent tr td .opt_Disable {
	background-image: url(../imgs/opt_Disable.gif);
	height: 16px;
	width: 16px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.test .WdfGrid_RowContent tr td .opt_TakeAffect {
	background-image: url(../imgs/opt_TakeAffect.gif);
	height: 16px;
	width: 16px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.test .WdfGrid_RowContent tr td .opt_ToAudit {
	background-image: url(../imgs/opt_ToAudit.gif);
	height: 16px;
	width: 16px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
  .rc-handle {
    position: absolute;
    width: 10px;
    cursor: ew-resize;
    margin-left: -3px;
    }
/*-----------------------------------------------------*/

/*----------------------------列排序图标样式----------------------------*/
.test .WdfGrid_RowContent .WdfGrid_HeadTable .colTd .orderBtn {
	background-image: url(../imgs/orderBtn_HeadTable_WdfGrid.png);
	background-repeat: no-repeat;
	background-position:center center;
	height: 38px;
	width: 30px;
	position: absolute;
	right: 8px;
	top: 0px;
	cursor:url('../imgs/orderDefaultBtn_HeadCol_WdfGrid.png'),default;
	background-repeat: no-repeat;
	background-position:center center;
}

.test .WdfGrid_RowContent .WdfGrid_HeadTable .colTd .orderDescBtn {
	background-image: url(../imgs/orderDescBtn_HeadCol_WdfGrid.png);
	cursor:url('../imgs/orderAscBtn_HeadCol_WdfGrid.png'),default;
 }

.test .WdfGrid_RowContent .WdfGrid_HeadTable .colTd .orderAscBtn {
	background-image: url(../imgs/orderAscBtn_HeadCol_WdfGrid.png);
	cursor:url('../imgs/orderDescBtn_HeadCol_WdfGrid.png'),default;
}

.test .WdfGrid_RowContent .WdfGrid_HeadTable .colTd .orderDefaultBtn {
	background-image: url(../imgs/orderDefaultBtn_HeadCol_WdfGrid.png);
}

.test .WdfGrid_RowContent .WdfGrid_HeadTable .colTd .orderDisabledBtn {
	background-image: url(../imgs/orderDisabledBtn_HeadCol_WdfGrid.png);
}
.mousePannl_Content{ position: absolute; background: #fff; box-shadow: 0 4px 10px #9da1a9; height: 38px; width: 353px ;border:1px solid #bebebe；}
.mousePannl_Content .gridupload_btn{background: url("../imgs/ic_upload.png") no-repeat left 11px; line-height: 38px; margin-left: 20px;padding-left: 20px;color: #737a85;float: left;}
.mousePannl_Content .gridupload_btn:hover{ background-position: left -45px; color: #fd7013;}
.mousePannl_Content .gridedit_btn{ background: url("../imgs/ic_edit.png") no-repeat left 11px; line-height: 38px; margin-left: 20px;padding-left: 20px;color: #737a85;float: left;}
.mousePannl_Content .gridedit_btn:hover{ background-position: left -45px; color: #fd7013;}
.mousePannl_Content .griddel_btn{ background: url("../imgs/ic_delete.png") no-repeat left 11px;line-height: 38px; margin-left: 20px;padding-left: 20px;color: #737a85; float: right; margin-right: 20px;}
.mousePannl_Content .griddel_btn:hover{ background-position: left -45px; color: #fc4528;}
.caseNum_icon_up{ color:#fc4528; background: url("../imgs/ic_up.png") no-repeat left center; padding-left: 15px; }
.caseNum_icon_down{color:#22d655; background: url("../imgs/ic_down.png") no-repeat left center; padding-left: 15px;}
/*----------------------------------------------------------------------*/

